<template>
    <view class="pt20">
			<view>
				<tabs :current="status" :list="tabs" @click="tabChange" />
			</view>
			<view class="mt20">
				<tabs type="round" height="80" classNames="p10" :current="status" :list="tabs" @click="tabChange" />
			</view>
			<view class="mt20">
				<tabs type="round" height="80" :current="status" :list="tabs" @click="tabChange" />
			</view>
			<view class="mt20">
				<tabs type="square" :current="status" :list="tabs" @click="tabChange" />
			</view>
		</view>
</template>

<script>
		import tabs from '@/components/tabs/index';
    export default {
        name: "tab",
				components: {
					tabs
				},
        data() {
            return {
							status:0,
							tabs: [{
								name: '全部',
								status: 0
							}, {
								name: '已完成',
								status: 1
							}, {
								name: '异常',
								status: 2
							}]
						}
        },
        onLoad(e) {
					console.log(e)
        },
        mounted() {

        },
        methods: {
					tabChange(status){
						console.log(status);
					}
				}
    }
</script>

<style scoped lang='scss'>

</style>
